@charset "UTF-8";


/**----------------------------------多栏多列Multi-Column大类：控制元素的列数、每列宽度、列与列间隙、列边框等------------------------------------------**/


/**
目录分类：
	bc-mc[类别]：columns，设置元素的列数和每列的宽度，复合属性。语法格式：columns: [column-width]||[column-count]
	bc-mc-cw[类别]：column-width，设置元素的每列的宽度。
	bc-mc-cc[类别]：column-count，设置元素的列数。
	bc-mc-cg[类别]：column-gap，设置元素的列与列之间的间隙。
	bc-mc-cr[类别]：column-rule，设置元素的列与列之间的边框，复合属性。语法格式：column-rule: [column-rule-width]||[column-rule-style]||[column-rule-color]
	bc-mc-crw[类别]：column-rule-width，设置元素的列与列之间的边框厚度。
	bc-mc-crs[-类型][类别]：column-rule-style，设置元素的列与列之间的边框样式。注意：如果column-rule-width等于0，本属性将失去作用。
	bc-mc-crc[类别]：column-rule-color，设置元素的列与列之间的边框颜色。
	bc-mc-cs[类别]：column-span，设置元素是否横跨所有列。
	bc-mc-cf[类别]：column-fill，设置元素所有列的高度是否统一。
	bc-mc-cbb[类别]：column-break-before，设置元素之前是否断行。
	bc-mc-cba[类别]：column-break-after，设置元素之后是否断行。
	bc-mc-cbi[类别]：column-break-inside，设置元素内部是否断行。
*/





/**
设置元素的列数和每列的宽度：
格式：
	bc-mc[类别]
说明：
	前缀为bc-mc，代表：columns，设置元素的列数和每列的宽度，复合属性。语法格式：columns: [column-width]||[column-count]
	类别为数字编号，用于定义各种不同的columns类别。
*/
.bc-mc0{
	/*示例：列宽固定为200px，列数固定为3列*/
	-moz-columns: 200px 3;
	-webkit-columns: 200px 3;
	-xv-columns: 200px 3;
	-o-columns: 200px 3;
	-khtml-columns: 200px 3;
	-ms-columns: 200px 3;
	columns: 200px 3;
}
.bc-mc1{
	/*示例：列宽固定为200px，根据容器宽度液态分布自动计算出列数*/
	-moz-columns: 200px;
	-webkit-columns: 200px;
	-xv-columns: 200px;
	-o-columns: 200px;
	-khtml-columns: 200px;
	-ms-columns: 200px;
	columns: 200px;
}
.bc-mc2{
	/*示例：列数固定为3列，根据容器宽度液态分布自动计算出列宽*/
	-moz-columns: auto 3;
	-webkit-columns: auto 3;
	-xv-columns: auto 3;
	-o-columns: auto 3;
	-khtml-columns: auto 3;
	-ms-columns: auto 3;
	columns: auto 3;
}




/**
设置元素的每列的宽度：
格式：
	bc-mc-cw[类别]
说明：
	前缀为bc-mc-cw，代表：column-width，设置元素的每列的宽度。
	类别为数字编号，用于定义各种不同的列宽大小。
*/
.bc-mc-cw0{
	/*示例：默认值，根据列数（column-count）液态分布自动计算出列宽*/
	-moz-column-width: auto;
	-webkit-column-width: auto;
	-xv-column-width: auto;
	-o-column-width: auto;
	-khtml-column-width: auto;
	-ms-column-width: auto;
	column-width: auto;
}
.bc-mc-cw1{
	/*示例：列宽固定为100px*/
	-moz-column-width: 100px;
	-webkit-column-width: 100px;
	-xv-column-width: 100px;
	-o-column-width: 100px;
	-khtml-column-width: 100px;
	-ms-column-width: 100px;
	column-width: 100px;
}
.bc-mc-cw2{
	/*示例：列宽固定为200px*/
	-moz-column-width: 200px;
	-webkit-column-width: 200px;
	-xv-column-width: 200px;
	-o-column-width: 200px;
	-khtml-column-width: 200px;
	-ms-column-width: 200px;
	column-width: 200px;
}
.bc-mc-cw3{
	/*示例：列宽固定为300px*/
	-moz-column-width: 300px;
	-webkit-column-width: 300px;
	-xv-column-width: 300px;
	-o-column-width: 300px;
	-khtml-column-width: 300px;
	-ms-column-width: 300px;
	column-width: 300px;
}




/**
设置元素的列数：
格式：
	bc-mc-cc[类别]
说明：
	前缀为bc-mc-cc，代表：column-count，设置元素的列数。
	类别为数字编号，用于定义各种不同的列数个数。
*/
.bc-mc-cc0{
	/*示例：默认值，根据列宽（column-width）液态分布自动计算出列数*/
	-moz-column-count: auto;
	-webkit-column-count: auto;
	-xv-column-count: auto;
	-o-column-count: auto;
	-khtml-column-count: auto;
	-ms-column-count: auto;
	column-count: auto;
}
.bc-mc-cc1{
	/*示例：列数固定为1列*/
	-moz-column-count: 1;
	-webkit-column-count: 1;
	-xv-column-count: 1;
	-o-column-count: 1;
	-khtml-column-count: 1;
	-ms-column-count: 1;
	column-count: 1;
}
.bc-mc-cc2{
	/*示例：列数固定为2列*/
	-moz-column-count: 2;
	-webkit-column-count: 2;
	-xv-column-count: 2;
	-o-column-count: 2;
	-khtml-column-count: 2;
	-ms-column-count: 2;
	column-count: 2;
}
.bc-mc-cc3{
	/*示例：列数固定为3列*/
	-moz-column-count: 3;
	-webkit-column-count: 3;
	-xv-column-count: 3;
	-o-column-count: 3;
	-khtml-column-count: 3;
	-ms-column-count: 3;
	column-count: 3;
}




/**
设置元素的列与列之间的间隙：
格式：
	bc-mc-cg[类别]
说明：
	前缀为bc-mc-cg，代表：column-gap，设置元素的列与列之间的间隙。
	类别为数字编号，用于定义各种不同的column-gap间隙大小。
*/
.bc-mc-cg0{
	/*示例：默认值，与font-size大小相同。若元素内容的font-size为16px，则normal值为16px，类推。*/
	-moz-column-gap: normal;
	-webkit-column-gap: normal;
	-xv-column-gap: normal;
	-o-column-gap: normal;
	-khtml-column-gap: normal;
	-ms-column-gap: normal;
	column-gap: normal;
}
.bc-mc-cg1{
	/*示例：间隙大小固定为10px。*/
	-moz-column-gap: 10px;
	-webkit-column-gap: 10px;
	-xv-column-gap: 10px;
	-o-column-gap: 10px;
	-khtml-column-gap: 10px;
	-ms-column-gap: 10px;
	column-gap: 10px;
}
.bc-mc-cg2{
	/*示例：间隙大小固定为20px。*/
	-moz-column-gap: 20px;
	-webkit-column-gap: 20px;
	-xv-column-gap: 20px;
	-o-column-gap: 20px;
	-khtml-column-gap: 20px;
	-ms-column-gap: 20px;
	column-gap: 20px;
}
.bc-mc-cg3{
	/*示例：间隙大小固定为30px。*/
	-moz-column-gap: 30px;
	-webkit-column-gap: 30px;
	-xv-column-gap: 30px;
	-o-column-gap: 30px;
	-khtml-column-gap: 30px;
	-ms-column-gap: 30px;
	column-gap: 30px;
}




/**
设置元素的列与列之间的边框：
格式：
	bc-mc-cr[类别]
说明：
	前缀为bc-mc-cr，代表：column-rule，设置元素的列与列之间的边框，复合属性。语法格式：column-rule: [column-rule-width]||[column-rule-style]||[column-rule-color]
	类别为数字编号，用于定义各种不同的column-rule列间边框。
*/
.bc-mc-cr0{
	/*示例：默认宽度实线蓝色的列间边框。*/
	-moz-column-rule: medium solid #0000FF;
	-webkit-column-rule: medium solid #0000FF;
	-xv-column-rule: medium solid #0000FF;
	-o-column-rule: medium solid #0000FF;
	-khtml-column-rule: medium solid #0000FF;
	-ms-column-rule: medium solid #0000FF;
	column-rule: medium solid #0000FF;
}
.bc-mc-cr1{
	/*示例：宽度10px虚线绿色的列间边框。*/
	-moz-column-rule: 10px dashed #00FF00;
	-webkit-column-rule: 10px dashed #00FF00;
	-xv-column-rule: 10px dashed #00FF00;
	-o-column-rule: 10px dashed #00FF00;
	-khtml-column-rule: 10px dashed #00FF00;
	-ms-column-rule: 10px dashed #00FF00;
	column-rule: 10px dashed #00FF00;
}
.bc-mc-cr2{
	/*示例：宽度20px双实线红色的列间边框。*/
	-moz-column-rule: 20px double #FF0000;
	-webkit-column-rule: 20px double #FF0000;
	-xv-column-rule: 20px double #FF0000;
	-o-column-rule: 20px double #FF0000;
	-khtml-column-rule: 20px double #FF0000;
	-ms-column-rule: 20px double #FF0000;
	column-rule: 20px double #FF0000;
}




/**
设置元素的列与列之间的边框厚度：
格式：
	bc-mc-crw[类别]
说明：
	前缀为bc-mc-crw，代表：column-rule-width，设置元素的列与列之间的边框厚度。
	类别为数字编号，用于定义各种不同的column-rule-width列间边框厚度。
*/
.bc-mc-crw0{
	/*示例：默认值。*/
	-moz-column-rule-width: medium;
	-webkit-column-rule-width: medium;
	-xv-column-rule-width: medium;
	-o-column-rule-width: medium;
	-khtml-column-rule-width: medium;
	-ms-column-rule-width: medium;
	column-rule-width: medium;
}
.bc-mc-crw1{
	/*示例：列间边框厚度为10px。*/
	-moz-column-rule-width: 10px;
	-webkit-column-rule-width: 10px;
	-xv-column-rule-width: 10px;
	-o-column-rule-width: 10px;
	-khtml-column-rule-width: 10px;
	-ms-column-rule-width: 10px;
	column-rule-width: 10px;
}
.bc-mc-crw2{
	/*示例：列间边框厚度为20px。*/
	-moz-column-rule-width: 20px;
	-webkit-column-rule-width: 20px;
	-xv-column-rule-width: 20px;
	-o-column-rule-width: 20px;
	-khtml-column-rule-width: 20px;
	-ms-column-rule-width: 20px;
	column-rule-width: 20px;
}
.bc-mc-crw3{
	/*示例：列间边框厚度为30px。*/
	-moz-column-rule-width: 30px;
	-webkit-column-rule-width: 30px;
	-xv-column-rule-width: 30px;
	-o-column-rule-width: 30px;
	-khtml-column-rule-width: 30px;
	-ms-column-rule-width: 30px;
	column-rule-width: 30px;
}




/**
设置元素的列与列之间的边框样式：
格式：
	bc-mc-crs[-类型][类别]
说明：
	前缀为bc-mc-crs，代表：column-rule-style，设置元素的列与列之间的边框样式。
	类别为数字编号，用于定义各种不同的column-rule-style列间边框样式。
注意：
	如果column-rule-width等于0，本属性将失去作用。
类型：
	无：solid，实线轮廓。
	0|n：none，默认值，无轮廓。column-rule-color与column-rule-width将被忽略
	1|s：solid，实线轮廓。
	2|h：hidden，隐藏边框。IE7及以下尚不支持
	3|d1：dotted，点状轮廓。IE6下显示为dashed效果
	4|d2：dashed，虚线轮廓。
	5|d3：double，双线轮廓。两条单线与其间隔的和等于指定的column-rule-width值。
	6|g：groove，3D凹槽轮廓。
	7|r：ridge，3D凸槽轮廓。
	8|i：inset，3D凹边轮廓。
	9|o：outset，3D凸边轮廓。
*/
.bc-mc-crs{
	-moz-column-rule-style: solid;
	-webkit-column-rule-style: solid;
	-xv-column-rule-style: solid;
	-o-column-rule-style: solid;
	-khtml-column-rule-style: solid;
	-ms-column-rule-style: solid;
	column-rule-style: solid;
}
.bc-mc-crs0, .bc-mc-crs-n{
	-moz-column-rule-style: none;
	-webkit-column-rule-style: none;
	-xv-column-rule-style: none;
	-o-column-rule-style: none;
	-khtml-column-rule-style: none;
	-ms-column-rule-style: none;
	column-rule-style: none;
}
.bc-mc-crs1, .bc-mc-crs-s{
	-moz-column-rule-style: solid;
	-webkit-column-rule-style: solid;
	-xv-column-rule-style: solid;
	-o-column-rule-style: solid;
	-khtml-column-rule-style: solid;
	-ms-column-rule-style: solid;
	column-rule-style: solid;
}
.bc-mc-crs2, .bc-mc-crs-h{
	-moz-column-rule-style: hidden;
	-webkit-column-rule-style: hidden;
	-xv-column-rule-style: hidden;
	-o-column-rule-style: hidden;
	-khtml-column-rule-style: hidden;
	-ms-column-rule-style: hidden;
	column-rule-style: hidden;
}
.bc-mc-crs3, .bc-mc-crs-d1{
	-moz-column-rule-style: dotted;
	-webkit-column-rule-style: dotted;
	-xv-column-rule-style: dotted;
	-o-column-rule-style: dotted;
	-khtml-column-rule-style: dotted;
	-ms-column-rule-style: dotted;
	column-rule-style: dotted;
}
.bc-mc-crs4, .bc-mc-crs-d2{
	-moz-column-rule-style: dashed;
	-webkit-column-rule-style: dashed;
	-xv-column-rule-style: dashed;
	-o-column-rule-style: dashed;
	-khtml-column-rule-style: dashed;
	-ms-column-rule-style: dashed;
	column-rule-style: dashed;
}
.bc-mc-crs5, .bc-mc-crs-d3{
	-moz-column-rule-style: double;
	-webkit-column-rule-style: double;
	-xv-column-rule-style: double;
	-o-column-rule-style: double;
	-khtml-column-rule-style: double;
	-ms-column-rule-style: double;
	column-rule-style: double;
}
.bc-mc-crs6, .bc-mc-crs-g{
	-moz-column-rule-style: groove;
	-webkit-column-rule-style: groove;
	-xv-column-rule-style: groove;
	-o-column-rule-style: groove;
	-khtml-column-rule-style: groove;
	-ms-column-rule-style: groove;
	column-rule-style: groove;
}
.bc-mc-crs7, .bc-mc-crs-r{
	-moz-column-rule-style: ridge;
	-webkit-column-rule-style: ridge;
	-xv-column-rule-style: ridge;
	-o-column-rule-style: ridge;
	-khtml-column-rule-style: ridge;
	-ms-column-rule-style: ridge;
	column-rule-style: ridge;
}
.bc-mc-crs8, .bc-mc-crs-i{
	-moz-column-rule-style: inset;
	-webkit-column-rule-style: inset;
	-xv-column-rule-style: inset;
	-o-column-rule-style: inset;
	-khtml-column-rule-style: inset;
	-ms-column-rule-style: inset;
	column-rule-style: inset;
}
.bc-mc-crs9, .bc-mc-crs-o{
	-moz-column-rule-style: outset;
	-webkit-column-rule-style: outset;
	-xv-column-rule-style: outset;
	-o-column-rule-style: outset;
	-khtml-column-rule-style: outset;
	-ms-column-rule-style: outset;
	column-rule-style: outset;
}




/**
设置元素的列与列之间的边框颜色：
格式：
	bc-mc-crc[类别]
说明：
	前缀为bc-mc-crc，代表：column-rule-color，设置元素的列与列之间的边框颜色。
	类别为数字编号，用于定义各种不同的column-rule-color列间边框颜色。
*/
.bc-mc-crc0{
	/*示例：默认值、不需要设置列间边框颜色。默认与文字颜色相同。*/
	/*
	-moz-column-rule-color: #FF0000;
	-webkit-column-rule-color: #FF0000;
	-xv-column-rule-color: #FF0000;
	-o-column-rule-color: #FF0000;
	-khtml-column-rule-color: #FF0000;
	-ms-column-rule-color: #FF0000;
	column-rule-color: #FF0000;
	*/
}
.bc-mc-crc1{
	/*示例：红色。*/
	-moz-column-rule-color: #FF0000;
	-webkit-column-rule-color: #FF0000;
	-xv-column-rule-color: #FF0000;
	-o-column-rule-color: #FF0000;
	-khtml-column-rule-color: #FF0000;
	-ms-column-rule-color: #FF0000;
	column-rule-color: #FF0000;
}
.bc-mc-crc2{
	/*示例：绿色。*/
	-moz-column-rule-color: #00FF00;
	-webkit-column-rule-color: #00FF00;
	-xv-column-rule-color: #00FF00;
	-o-column-rule-color: #00FF00;
	-khtml-column-rule-color: #00FF00;
	-ms-column-rule-color: #00FF00;
	column-rule-color: #00FF00;
}
.bc-mc-crc3{
	/*示例：蓝色。*/
	-moz-column-rule-color: #0000FF;
	-webkit-column-rule-color: #0000FF;
	-xv-column-rule-color: #0000FF;
	-o-column-rule-color: #0000FF;
	-khtml-column-rule-color: #0000FF;
	-ms-column-rule-color: #0000FF;
	column-rule-color: #0000FF;
}
.bc-mc-crc4{
	/*示例：*/
	-moz-column-rule-color: rgba(0,182,0,0.6);
	-webkit-column-rule-color: rgba(0,182,0,0.6);
	-xv-column-rule-color: rgba(0,182,0,0.6);
	-o-column-rule-color: rgba(0,182,0,0.6);
	-khtml-column-rule-color: rgba(0,182,0,0.6);
	-ms-column-rule-color: rgba(0,182,0,0.6);
	column-rule-color: rgba(0,182,0,0.6);
}




/**
设置元素是否横跨所有列：
格式：
	bc-mc-cs[类别]
说明：
	前缀为bc-mc-cs，代表：column-span，设置元素是否横跨所有列。
	类别为数字编号，用于定义各种不同的column-span类别。
*/
.bc-mc-cs0{
	/*示例：默认值，不跨列。*/
	-moz-column-span: none;
	-webkit-column-span: none;
	-xv-column-span: none;
	-o-column-span: none;
	-khtml-column-span: none;
	-ms-column-span: none;
	column-span: none;
}
.bc-mc-cs1{
	/*示例：横跨所有列。*/
	-moz-column-span: all;
	-webkit-column-span: all;
	-xv-column-span: all;
	-o-column-span: all;
	-khtml-column-span: all;
	-ms-column-span: all;
	column-span: all;
}




/**
设置元素所有列的高度是否统一：
格式：
	bc-mc-cf[类别]
说明：
	前缀为bc-mc-cf，代表：column-fill，设置元素所有列的高度是否统一。
	类别为数字编号，用于定义各种不同的column-fill类别。
*/
.bc-mc-cf0{
	/*示例：默认值，列高度自适应内容。*/
	-moz-column-fill: auto;
	-webkit-column-fill: auto;
	-xv-column-fill: auto;
	-o-column-fill: auto;
	-khtml-column-fill: auto;
	-ms-column-fill: auto;
	column-fill: auto;
}
.bc-mc-cf1{
	/*示例：所有列的高度以其中最高的一列统一。*/
	-moz-column-fill: balance;
	-webkit-column-fill: balance;
	-xv-column-fill: balance;
	-o-column-fill: balance;
	-khtml-column-fill: balance;
	-ms-column-fill: balance;
	column-fill: balance;
}




/**
设置元素之前是否断行：
格式：
	bc-mc-cbb[类别]
说明：
	前缀为bc-mc-cbb，代表：column-break-before，设置元素之前是否断行。
	类别为数字编号，用于定义各种不同的column-break-before类别。
*/
.bc-mc-cbb0{
	/*示例：默认值，既不强迫也不禁止在元素之前断行并产生新列。*/
	-moz-column-break-before: auto;
	-webkit-column-break-before: auto;
	-xv-column-break-before: auto;
	-o-column-break-before: auto;
	-khtml-column-break-before: auto;
	-ms-column-break-before: auto;
	column-break-before: auto;
}
.bc-mc-cbb1{
	/*示例：总是在元素之前断行并产生新列。*/
	-moz-column-break-before: always;
	-webkit-column-break-before: always;
	-xv-column-break-before: always;
	-o-column-break-before: always;
	-khtml-column-break-before: always;
	-ms-column-break-before: always;
	column-break-before: always;
}
.bc-mc-cbb2{
	/*示例：避免在元素之前断行并产生新列。*/
	-moz-column-break-before: avoid;
	-webkit-column-break-before: avoid;
	-xv-column-break-before: avoid;
	-o-column-break-before: avoid;
	-khtml-column-break-before: avoid;
	-ms-column-break-before: avoid;
	column-break-before: avoid;
}




/**
设置元素之后是否断行：
格式：
	bc-mc-cba[类别]
说明：
	前缀为bc-mc-cba，代表：column-break-after，设置元素之后是否断行。
	类别为数字编号，用于定义各种不同的column-break-after类别。
*/
.bc-mc-cba0{
	/*示例：默认值，既不强迫也不禁止在元素之后断行并产生新列。*/
	-moz-column-break-after: auto;
	-webkit-column-break-after: auto;
	-xv-column-break-after: auto;
	-o-column-break-after: auto;
	-khtml-column-break-after: auto;
	-ms-column-break-after: auto;
	column-break-after: auto;
}
.bc-mc-cba1{
	/*示例：总是在元素之后断行并产生新列。*/
	-moz-column-break-after: always;
	-webkit-column-break-after: always;
	-xv-column-break-after: always;
	-o-column-break-after: always;
	-khtml-column-break-after: always;
	-ms-column-break-after: always;
	column-break-after: always;
}
.bc-mc-cba2{
	/*示例：避免在元素之后断行并产生新列。*/
	-moz-column-break-after: avoid;
	-webkit-column-break-after: avoid;
	-xv-column-break-after: avoid;
	-o-column-break-after: avoid;
	-khtml-column-break-after: avoid;
	-ms-column-break-after: avoid;
	column-break-after: avoid;
}




/**
设置元素内部是否断行：
格式：
	bc-mc-cbi[类别]
说明：
	前缀为bc-mc-cbi，代表：column-break-inside，设置元素内部是否断行。
	类别为数字编号，用于定义各种不同的column-break-inside类别。
*/
.bc-mc-cbi0{
	/*示例：默认值，既不强迫也不禁止在元素内部断行并产生新列。*/
	-moz-column-break-inside: auto;
	-webkit-column-break-inside: auto;
	-xv-column-break-inside: auto;
	-o-column-break-inside: auto;
	-khtml-column-break-inside: auto;
	-ms-column-break-inside: auto;
	column-break-inside: auto;
}
.bc-mc-cbi1{
	/*示例：避免在元素内部断行并产生新列。*/
	-moz-column-break-inside: avoid;
	-webkit-column-break-inside: avoid;
	-xv-column-break-inside: avoid;
	-o-column-break-inside: avoid;
	-khtml-column-break-inside: avoid;
	-ms-column-break-inside: avoid;
	column-break-inside: avoid;
}

